<template>
	<view class="active_main">
		<view class="activeHd">
			<view class="activeHdTab seld">
				<text>福州</text><uni-icons type="arrowdown" size="10"></uni-icons>
			</view>
			<view class="activeHdTab">
				<text>楼盘</text><uni-icons type="arrowdown" size="10"></uni-icons>
			</view>
		</view>
		<view class="activeList">
			<view class="activeItem">
				<view class="activeItem_l">
					<view class="activeItem_l_a">万象城云玺新品登临【优惠券】</view>
					<view class="activeItem_l_b">福州万象城</view>
					<view class="activeItem_l_b">有效期至2020年08月31日</view>
				</view>
				<view class="activeItem_r">
					<view class="activeItem_r_btn">领取</view>
				</view>
			</view>
		</view>
		<view class="qk_support_footer">
			<image src="../../static/image/crIcon1.png" mode="aspectFit"></image>
		</view>
		<view class="common_tabbar_border"></view>
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue"
	export default {
	    components: {uniIcons}
	}
</script>

<style>
	.active_main{
		min-height:100vh;
		position: relative;
		padding: 70rpx 40rpx 130rpx;
		background-color: #fff;
	}
	.activeHd{
		position: fixed;
		height:70rpx;
		width: 100%;
		padding-top: 30rpx;
		top:0;
		left: 0;
		right:0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 10rpx;
	}
	.activeHdTab{
		flex: 1;
		height:70rpx;
		line-height: 70rpx;
		font-size: 28rpx;
		text-align: center;
	}
	.activeHdTab.seld{
		color: #ff9302;
	}
	.activeHdTab .uni-icons{
		color: #333!important;
	}
	.activeList{
		padding: 60rpx 0;
	}
</style>
